<!DOCTYPE html>
<html  xmlns:th="http://www.thymeleaf.org">
<head>
</head>
<body>
<div th:fragment="collect">

    <div style="width: 96%;margin: 20px auto;flex-direction:column;justify-content:space-between">
        <div style="height:30px">
            <h2><b>收藏夹</b></h2>
        </div>
        <hr style="border: 0; background-color: #ededed; height: 1px;margin: 20px 0" />
        <div>

            <div class="bke" v-for="item in blogs" style="border:1px solid #ededed;border-radius:5px;
            display: flex;justify-content:space-between;line-height:60px;margin-bottom: 20px">
                <h3 style="margin-left: 20px;width: 98%" @click="goFullText(item.id)">
                    <b><span>标题:&nbsp;&nbsp;</span>{{item.title}}</b>
                </h3>
                <div style="margin-right: 20px;" @click="cancelCollect(item)">
                    <i :class="collectClass"></i>
                </div>
            </div>

            <div style="margin-top: 10px">
                <el-pagination background :page-size="3" layout="prev, pager, next"
                               @current-change="pageChange" :total="total">
                </el-pagination>
            </div>

        </div>
    </div>

</div>
</body>
</html>